<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS_后代选择器</title>
  <style>
      div li{
          color: red;
          font-size: 100px;
      }
      ol li{
          color: blue;
      }
      ol li.vehicle1{
          font-size: 50px;
      }
  </style>
</head>
<body>
<!--后代选择器：
        作用：选中指定元素中的，符合要求的后代元素
        语法：
        选择器1 选择器2 选择器三....选择器n{
            属性名:属性值;
            属性名:属性值;
            ........
        }（先写祖代，再写后代）
        注意：
            1.后代选择器，最终匹配的元素，不选中祖先。
            2.儿子，孙子，曾孙，曾曾孙，曾曾曾孙，....，最终匹配的元素，只选中一个。
            3.结构一定要符合html格式才能匹配。
            4.选择器可以是任意选择器
-->
    <div>
        <ol>
            <li class="vehicle">自行车</li>
            <li class="vehicle">飞机</li>
            <li class="vehicle">汽车</li>
            <li class="vehicle1">轮船</li>
        </ol>
        <ul>
            <li>java</li>
            <li>go</li>
            <li>前端</li>
            <li>测试</li>
        </ul>
    </div>
</body>
</html>